<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>带下载功能的JQuery免费网页音乐播放器</title>
<meta name="keywords" content="免费网页音乐播放器,mp3播放器,带下载功能的JQuery免费网页音乐播放器" />
<meta name="description" content="带下载功能的JQuery免费网页音乐播放器" />
<link rel="shortcut icon" href="/favicon.ico" >
<link rel="stylesheet" type="text/css" href="http://www.52player.com/Demos/Images/style.css">
<style type="text/css">
body,wrapper{ margin:0px auto; padding:20px; border:1px solid #CCC; background:#ffffff; width:980px; font-size:12px;}
</style>
<link rel="stylesheet" href="css/52player.css" type="text/css" />

</head>
<body>


<!--52player代码开始//-->
<div id="player"></div>
<div class="player">
	<div class="player-l bg"></div>
	<div class="player-block bg">
		<div class="playlist">
			<span><p class="bg"></p>列表</span>
			<select class="selectobj" id="list"></select>
			<div class="select"></div>
		</div>
		<div class="seprator bg"></div>
		<div class="controls">
			<a href="#" class="pre mode-bg" title="上一曲"></a>
			<a href="#" class="play mode-bg" title="播放" style="display:none"></a>
			<a href="#" class="pause mode-bg" title="暂停"></a>
			<a href="#" class="next mode-bg" title="下一曲"></a>
			<span style="float:left; margin-left:5px; margin-right:3px; display:inline;">
				<a href="#" class="random-mode random-mode-select mode-bg"  title="随机播放"></a>
				<a href="#" class="order-mode mode-bg"  title="列表循环"></a>
				<a href="#" class="single-mode mode-bg"  title="单曲循环"></a>
			</span>
			<a href="#" class="download bg" id="download" title="下载舞曲">下载</a>
		</div>
		<div class="seprator bg"></div>
		<div class="info">
			<div class="song-name">欢迎使用52player我爱播放器</div><div class="time" id="playtime">00:00</div><div class="s" >/</div><div class="time" id="totaltime">00:00</div>
			<div class="tracks bg">
				<div class="download-bar bg">
					<div class="l bg">l</div>
					<div class="r bg">r</div>
				</div>
				<div class="seek-bar bg">
					<div class="l bg"></div>
					<div class="r bg"></div>
					<div class="point bg"></div>
				</div>
			</div>
		</div>
		<div class="seprator bg"></div>
		<div class="volumn">
			<a class="mute mode-bg"></a>
			<a class="unmute mode-bg"></a>
			<div class="line bg">
				<div class="tracks" id="volumn">
					<div class="volumn-bar bg">
						<div class="l bg"></div>
						<div class="r bg"></div>
						<div class="point bg"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="player-r bg"></div>
</div>
<script language="javascript" type="text/javascript" src="js/f.js"></script>
<script language="javascript" type="text/javascript" src="js/data.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script language="javascript" type="text/javascript" src="js/main.js"></script>
<!--52player代码结束//-->
</div>


</div>
</body>
</html>